<template>
  <div class="min-h-screen p-8">
    <div class="max-w-md mx-auto">
      <!-- 未登录状态 - 引入登录注册组件 -->
      <AuthForm v-if="!isLoggedIn" />
      <!-- 已登录状态 - 引入用户信息组件 -->
      <AuthUserProfile v-else />
    </div>
  </div>
</template>

<script setup lang="ts">
const { isLoggedIn } = useAuth()

// 初始化时检查登录状态
onMounted(() => {
  // 初始化认证状态
  if (import.meta.client) {
    const authStore = useAuthStore()
    authStore.initAuth()
  }
})
</script>

<style scoped>
.min-h-screen {
  min-height: 100vh;
}
</style>